/* Gemini Search AI Chat — scoped styles */
/* All rules scoped under #gemini-chat-container */

#gemini-chat-container *,
#gemini-chat-container *::before,
#gemini-chat-container *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ============================================
   LAYOUT — גובה מלא של המסך
   ============================================ */

/* הצ'אט ממלא את כל גובה הדף */
#gemini-chat-container .h-\[750px\] {
  height: calc(100vh - 60px); /* 60px = גובה header של האתר, ניתן לכוונון */
  max-height: none;
  min-height: 500px;
}

/* === Flex utilities === */
#gemini-chat-container .flex        { display: flex; }
#gemini-chat-container .flex-col    { flex-direction: column; }
#gemini-chat-container .flex-row    { flex-direction: row; }
#gemini-chat-container .flex-1      { flex: 1 1 0%; min-height: 0; } /* min-height:0 חשוב לגלילה */
#gemini-chat-container .flex-shrink-0 { flex-shrink: 0; }
#gemini-chat-container .items-center  { align-items: center; }
#gemini-chat-container .justify-between { justify-content: space-between; }
#gemini-chat-container .justify-end   { justify-content: flex-end; }
#gemini-chat-container .self-start    { align-self: flex-start; }
#gemini-chat-container .inline-flex   { display: inline-flex; }

/* === Gap === */
#gemini-chat-container .gap-1 { gap: 0.25rem; }
#gemini-chat-container .gap-2 { gap: 0.5rem; }
#gemini-chat-container .gap-3 { gap: 0.75rem; }
#gemini-chat-container .gap-6 { gap: 1rem; } /* הוקטן מ-1.5rem */

/* === Width / Height === */
#gemini-chat-container .w-full  { width: 100%; }
#gemini-chat-container .w-fit   { width: fit-content; }
#gemini-chat-container .w-48    { width: 12rem; }
#gemini-chat-container .h-4     { height: 1rem; }
#gemini-chat-container .max-w-\[95\%\] { max-width: 95%; }
#gemini-chat-container .max-w-5xl    { max-width: 64rem; }
#gemini-chat-container .max-w-4xl    { max-width: 56rem; }

/* === Margin === */
#gemini-chat-container .mx-auto { margin-left: auto; margin-right: auto; }
#gemini-chat-container .mb-10   { margin-bottom: 0; }   /* בוטל - אין רצה למרווח מיותר מתחת */
#gemini-chat-container .mb-1    { margin-bottom: 0.25rem; }
#gemini-chat-container .mt-1    { margin-top: 0.25rem; }
#gemini-chat-container .mt-2    { margin-top: 0.5rem; }
#gemini-chat-container .mt-3    { margin-top: 0.75rem; }
#gemini-chat-container .mt-6    { margin-top: 1rem; }   /* הוקטן מ-1.5rem */

/* === Padding === */
#gemini-chat-container .p-2  { padding: 0.5rem; }
#gemini-chat-container .p-4  { padding: 0.75rem; }      /* הוקטן */
#gemini-chat-container .p-6  { padding: 1rem; }         /* הוקטן מ-1.5rem */
#gemini-chat-container .p-8  { padding: 1rem 1.25rem; } /* הוקטן מ-2rem */
#gemini-chat-container .px-4 { padding-left: 1rem; padding-right: 1rem; }
#gemini-chat-container .px-6 { padding-left: 1.25rem; padding-right: 1.25rem; }
#gemini-chat-container .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#gemini-chat-container .py-3 { padding-top: 0.5rem; padding-bottom: 0.5rem; } /* הוקטן */
#gemini-chat-container .pt-2 { padding-top: 0.5rem; }

/* === Background === */
#gemini-chat-container .bg-\[\#131314\]   { background-color: #131314; }
#gemini-chat-container .bg-\[\#1e1f20\]   { background-color: #1e1f20; }
#gemini-chat-container .bg-\[\#2f2f2f\]   { background-color: #2f2f2f; }
#gemini-chat-container .bg-transparent    { background: transparent; }
#gemini-chat-container .bg-green-900\/30  { background-color: rgba(20, 83, 45, 0.3); }

/* === Text color === */
#gemini-chat-container .text-white         { color: #ffffff; }
#gemini-chat-container .text-blue-400      { color: #60a5fa; }
#gemini-chat-container .text-green-400     { color: #4ade80; }
#gemini-chat-container .text-gray-500      { color: #6b7280; }
#gemini-chat-container .text-\[\#3c4043\]  { color: #3c4043; }
#gemini-chat-container .text-\[\#8e918f\]  { color: #8e918f; }

/* === Font === */
#gemini-chat-container .text-xs            { font-size: 0.75rem;  line-height: 1rem; }
#gemini-chat-container .text-sm            { font-size: 0.875rem; line-height: 1.25rem; }
#gemini-chat-container .text-lg            { font-size: 1.125rem; line-height: 1.75rem; }
#gemini-chat-container .text-\[17\.5px\]   { font-size: 16px; }   /* הוקטן מעט */
#gemini-chat-container .text-\[16px\]      { font-size: 15px; }
#gemini-chat-container .text-\[12px\]      { font-size: 12px; }
#gemini-chat-container .text-\[11px\]      { font-size: 11px; }
#gemini-chat-container .font-bold          { font-weight: 700; }
#gemini-chat-container .font-semibold      { font-weight: 600; }
#gemini-chat-container .uppercase          { text-transform: uppercase; }
#gemini-chat-container .tracking-tight     { letter-spacing: -0.025em; }
#gemini-chat-container .text-center        { text-align: center; }
#gemini-chat-container .whitespace-pre-wrap { white-space: pre-wrap; }

/* === Border === */
#gemini-chat-container .border               { border-width: 1px; border-style: solid; }
#gemini-chat-container .border-b             { border-bottom-width: 1px; border-bottom-style: solid; }
#gemini-chat-container .border-t             { border-top-width: 1px; border-top-style: solid; }
#gemini-chat-container .border-\[\#3c4043\]  { border-color: #3c4043; }
#gemini-chat-container .border-transparent   { border-color: transparent; }
#gemini-chat-container .border-green-700\/50 { border-color: rgba(21, 128, 61, 0.5); }

/* === Border radius === */
#gemini-chat-container .rounded-\[32px\] { border-radius: 20px; } /* הוקטן */
#gemini-chat-container .rounded-\[24px\] { border-radius: 16px; } /* הוקטן */
#gemini-chat-container .rounded-full     { border-radius: 9999px; }

/* === Overflow === */
#gemini-chat-container .overflow-hidden  { overflow: hidden; }
#gemini-chat-container .overflow-y-auto  { overflow-y: auto; }

/* === Shadow === */
#gemini-chat-container .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

/* === Space between messages — הוקטן משמעותית === */
#gemini-chat-container .space-y-4 > * + * { margin-top: 0.5rem; }

/* === Outline / resize === */
#gemini-chat-container .outline-none { outline: none; }
#gemini-chat-container .resize-none  { resize: none; }
#gemini-chat-container .border-none  { border: none; }

/* === Placeholder === */
#gemini-chat-container .placeholder-\[\#8e918f\]::placeholder {
  color: #8e918f;
  font-family: 'David Libre', serif;
}

/* === Focus === */
#gemini-chat-container .focus-within\:border-\[\#3c4043\]:focus-within { border-color: #3c4043; }
#gemini-chat-container .focus\:outline-none:focus { outline: none; }
#gemini-chat-container .focus\:ring-0:focus       { box-shadow: none; }

/* === Hover === */
#gemini-chat-container .hover\:text-blue-400:hover { color: #60a5fa; }
#gemini-chat-container .hover\:text-blue-300:hover { color: #93c5fd; }

/* === Transitions === */
#gemini-chat-container .transition-all    { transition: all 0.2s; }
#gemini-chat-container .transition-colors { transition: color 0.2s; }

/* === Links === */
#gemini-chat-container .underline { text-decoration: underline; }

/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes gsa-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes gsa-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.5; }
}
@keyframes gsa-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

#gemini-chat-container .animate-spin  { animation: gsa-spin 1s linear infinite; }
#gemini-chat-container .animate-pulse { animation: gsa-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
#gemini-chat-container .animate-in    { animation: gsa-fadein 0.2s ease-out; }
#gemini-chat-container .fade-in       { animation: gsa-fadein 0.2s ease-out; }

/* ============================================
   SCROLLBAR
   ============================================ */
#gemini-chat-container .custom-scrollbar::-webkit-scrollbar       { width: 4px; }
#gemini-chat-container .custom-scrollbar::-webkit-scrollbar-track  { background: transparent; }
#gemini-chat-container .custom-scrollbar::-webkit-scrollbar-thumb  { background: #3c4043; border-radius: 10px; }

/* ============================================
   תיקון מיוחד — wrapper של הצ'אט יתפוס גובה מלא
   ============================================ */